import React from 'react';
import Hearder from "./components/Hearder"
import Classify from "./components/Classify"
import Swiper from "./components/Swiper"
import UserProfileOrUnlogin from "./components/UserProfileOrUnlogin"
import EmploymentNav from "./components/EmploymentNav"
import CourseList from  "./components/CourseList"

const ComponentName = () => {
  return (
    <>
    <div className='w-full of-hidden'>
     {/* 海报图  */}
     <img  className='w-100% h-full' src="https://file.xdclass.net/video/2023/banner/618/QD.gif" alt="" />
    </div>
    {/* 头部导航 */}
    <div className='shadow mb-10px'>
      <div className='w-1200px mx-auto'>
        <Hearder/>
      </div>
    </div>
    {/* 主要内容部分 */}
    <div className='w-1200px mx-auto my relative'>
      <div>测试合并</div>
      <div className='flex items-start space-x-4'>
        {/* 分类导航 */}
      <Classify/>

        {/* 轮播图 */}
       <Swiper/>
        {/* 新人福利 */}
       <UserProfileOrUnlogin />
      </div>
        {/* 高单价导航 */}
          <EmploymentNav />
           {/* 课程分类列表 */}
          <CourseList />
    </div>
    </>
    
  );
};
export default ComponentName;